/*
  学习目标：React中JSX- 插值表达式 -基础类型
  变量 
  ✅基础类型：string number boolean null undefined
  引用类型：数组、对象、函数
*/

import React from 'react';
import ReactDOM from 'react-dom';

//   基础类型：string number boolean null undefined
const title = 'aa';
// 语法：{表达式}
// 作用：放在jsx的标签内容区域
// 💥null undefined boolean 不显示在内容中，为空

const divNode = (
  <div>
    {title}

    <h1>{'React'}</h1>
    <h1>{71}</h1>

    {/* null undefined boolean 在JSX的插值表达式中，不显示 */}
    <h1>
      {null} - {String(null)}
    </h1>
    <h1>{String(undefined)} </h1>
    <h1>{true}</h1>
    <h1>{false}</h1>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
